<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        // ajax 异步无刷新(局部刷新)页面请求数据
        // 同步 和  异步 
        // 同步  按照顺序一个接着一个去执行 
        // 异步  多少事情同时触发  一起触发 

        // 吃饭(10)    洗衣服(30)    玩游戏(60)
        
        // 同步执行 (按照顺序一个接着一个去执行  单线程) 
        // 吃饭(10)    洗衣服(30)    玩游戏(60)    =>  100 


        // 异步 (同时执行 也叫并发  多线程)
        // 吃饭
        // 洗衣服    =>   60 
        // 玩游戏  

        // 异步任务  (ajax   setTimeout  setInterval) 

        // 异步 (同时执行 也叫并发)
        // 循环6次 启动了6个延时器 (每次3S 不会等待上一个延时器执行结束再去开启下一个,而是速度去开启每一个)
        console.log("wh2107")
        console.time("a")
        for(var i = 0;i<6;i++){
            setTimeout(()=>{
                console.log(i)    // 等了3S 同时打印  6 (for 执行完毕  i 已经变成6 )
            },3000)
        }
        console.log("循环执行完毕",i)
        console.timeEnd("a")    // timeEnd 记录这么代码执行的时间  


        // javascript 属于单线程  
        // 如果同时执行多个线程 就好导致线程紊乱  
        // 浏览器不能判断当前操作DOM 是哪个线程  



        // 异步 ===>  同步
        // 同步 ===>  异步

        
    </script>
</body>
</html>